<template>
  <!--最外层的div-->
  <div class="layout-container">
    <!--顶部条件筛选-->
    <div class="layout-container-form flex space-between">
      <div class="layout-container-form-handle">
        <el-button type="primary"
                   :icon="Plus"
                   @click="handleAdd">关闭所有手机</el-button>
      </div>
      <div class="layout-container-form-search">
      </div>
    </div>
    <!-- 
      下面的表格
    -->
    <div class="layout-container-table">
      <Table ref="table"
             v-model:page="page"
             v-loading="loading"
             :data="tableData"
             @getTableData="getTableData">

        <el-table-column prop="id"
                         label="任务ID"
                         align="center" />

        <el-table-column prop="task_name"
                         label="任务名称"
                         align="center" />

        <el-table-column prop=""
                         label="抖音口令"
                         align="center">
          <template #default="scope">
            <div>{{scope.row.url}}</div>
          </template>
        </el-table-column>

      </Table>

    </div>
  </div>
</template>
<script lang="ts">
import { parseTime } from "@/utils/utils.ts";
import { defineComponent, ref, reactive, getCurrentInstance } from "vue";
import Table from "@/components/table/index.vue";
// 引入的是一个对象（java里的那个对象），自定义的数据类型，或者叫实体类
import { Page } from "@/components/table/type";
// import { getData, del } from "@/api/table";
import { getServiceListApi } from "@/api/yuange/dy";
import { ElMessage } from "element-plus";
import type { LayerInterface } from "@/components/layer/index.vue";
import { selectData, radioData } from "./enum";
import { Plus, Search, Delete } from "@element-plus/icons";
export default defineComponent({
  name: "crudTable",
  components: {
    Table,
  },
  methods: {
    parseTime(value) {
      let time = parseTime(value);
      // console.log(time, "===");
      return time;
    },
  },
  setup() {
    const tableData = ref([]);

    getServiceListApi().then((res) => {
      console.log(res, "服务列表");
    });
  },
});
</script>

<style lang="scss" scoped>
</style>